<!--
 * @Descripttion : 
 * @Autor        : Lilong
 * @Date         : 2022-09-07 16:03:53
 * @LastEditTime : 2022-09-07 16:17:15
 * @FilePath     : \src\components\todo-list-statics.vue
-->
<template>
    <div>我是todo-list-statistics组件：{{ localUser }}</div>
    <div>{{ localMessage.message }}</div>
  </template>
  
  <script>
  import { defineComponent } from "vue";
  
  export default defineComponent({
      name: 'TodoListStatistics',
      created() {
          console.log(`注入的属性为：${this.user}`)
      },
      
      // 当声明注入的默认值时
      // 必须使用对象形式
      inject: {
        localUser: {
          from: 'user', // 当与原注入名同名时，这个属性是可选的
          default: 'default value'
        },
        localMessage: {
          // 对于非基础类型数据，如果创建开销比较大，或是需要确保每个组件实例
          // 需要独立数据的，请使用工厂函数
          default: () => ({ message: 'John' })
        }
      }
  })
  </script>